@import (reference) '~weui-wxss/src/style/widget/weui-cell/weui-check/weui-radio.less';
@import (reference) '~weui-wxss/src/style/widget/weui-cell/weui-check/weui-checkbox.less';

.weui-cell_wxss.weui-cell_wxss::before{
  display: flex;
}

.weui-cell_radio .weui-check+.weui-icon-checked {
  color: transparent;
}

.weui-check[checked]+.weui-icon-checked {
  color: var(--weui-BRAND);
  -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.657%2018.435L3%2012.778l1.414-1.414%204.95%204.95L20.678%205l1.414%201.414-12.02%2012.021a1%201%200%2001-1.415%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
  mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.657%2018.435L3%2012.778l1.414-1.414%204.95%204.95L20.678%205l1.414%201.414-12.02%2012.021a1%201%200%2001-1.415%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

.weui-cell_radio .weui-check + .weui-icon-checked {
  &.weui-icon-is-checked {
    /* skyline 不支持 attribute selector */
    &:extend(.weui-cells_radio .weui-check:checked + .weui-icon-checked);
    background-color: @weuiColorPrimary;
  }
  background-color: transparent;
}

.weui-cell_checkbox .weui-check + .weui-icon-checked {
  &.weui-icon-is-checked {
    /* skyline 不支持 attribute selector */
    &:extend(.weui-cells_checkbox .weui-check:checked + .weui-icon-checked);
  }
  &:extend(.weui-cells_checkbox .weui-icon-checked);
}